Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持  
  },
  /** 
   * 组件的属性列表 
   */
  properties: {
    // 属性名  
    title: {            
      // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）
      type: String,
      // 属性初始值（可选），如果未指定则会根据类型选择一个
      value: '排名',
      // 属性被改变时执行的函数（可选），也可以写成在methods段中定义的方法名字符串, 如：'_propertyChange'
      observer: function (newVal, oldVal) {
        
      } 
    },
    listData: {
      type: Array,
      value: []
    },
    showIndex: {
      type: Number,
      value: 0
    },
    isVip:{
      type: Boolean,
      value: false
    }
  },
  /** 
   * 组件的初始数据 
   */
  data: {
    showIndex: 1 ,
    top5Data: [],
    allData:[]
  },

  ready: function () {
    var data = this.properties.listData.sort(function (a, b) { return b.myScore - a.myScore});
    this.setData({
      top5Data: data.slice(0,5),
      allData: data
    })
  },
  /** 
   * 组件的方法列表 
   */
  methods: {
    /**
     * 事件-展开详情
     */
    foldPanel: function (e) {
      if (e.currentTarget.dataset.index != this.data.showIndex) {
        this.setData({
          showIndex: e.currentTarget.dataset.index
        })
      } else {
        this.setData({
          showIndex: 0
        })
      }
    }
  }
})  